/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Library CSS */
body
{
    margin: 0px;
    font-family: arial;
    font-size: 10px;
    color: #6E6E6E;
    background-color: #ed008c; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    

}
img
{
    border: none;
}
a
{
    text-decoration: none;
    color: #000;
}

p
{
padding: 0;
margin: 0;
}
.link
{
    text-decoration: underline; color: blue;
}
.margin
{
    margin: 0px auto;
    width: 960px;
}
.hr
{
    clear: both;
    padding: 0;
    margin: 0 0 1em;
    height: 5px;
    background: transparent url("/images/themes/hr-bg.gif") repeat-x 0 0;
}
.vr
{
    float: left;
    border-left: 1px solid #ccc;
    min-height: 300px;
}
.h2
{
    font-size: 14px;
    color: #666;
    
}
.h3
{
    
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
.h4
{
    font-size: 12px;
}
.textfield
{
    width: 175px;
    margin: 0 0 0.5em;
    padding: 5px;
    background: #E1E2E3 url("/themes/unite-wp/wp-content/themes/parallelus-unite/images/inputBg.gif") repeat-x 0 0;
    border: 1px solid white;
    border-color: #C9CACB white white #C9CACB;
    outline: none;
}
.textfield_one
{
    width: 200px;
    padding: 5px;
    border: 1px solid #ccc;
    outline: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.edi_textfield
{
    width: 100px;
    padding: 2px;
    border: 1px solid #ccc;
    outline: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.search_field
{
    width: 200px;
    border: 1px solid #ccc;
    outline: none;
    background: url(/images/icon/search.png) no-repeat right;
    padding: 5px 30px 5px 5px;
}
.selection
{
    width: 200px;
    border: 1px solid #ccc;
    outline: none;
    padding: 5px;
}
.editselection
{
    width: 100px;
    border: 1px solid #ccc;
    outline: none;
    padding: 2px;
}
.button
{
    /*
    padding: 5px 15px 5px 15px;
    height: 30px;
    background: url(/images/button/button1.png);
    border: 1px;
    cursor: pointer;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-bottom: 5px;
    */
    background-color: #444;
    color: #fff;
    padding: 5px 10px 5px 10px;
    border: 1px solid #c7c7c7;
    cursor: pointer;
}
.print
{
    
    background: url(/images/icon/print.png) no-repeat left;
    height: 30px;
    padding: 5px 10px 5px 30px;
    border: 1px solid #c6c4c6;
    cursor: pointer;
    color: #716f71;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-bottom: 5px;
    background-color: #f2f2f2;
}
.transaction, .reports
{
    height: 30px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #c6c4c6;
    cursor: pointer;
    color: #716f71;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-bottom: 5px;
    background-color: #f2f2f2;
}
.align_right
{
    text-align: right;
}
.align_center
{
    text-align: center;
}
.align_left
{
    text-align: left;
}
.fl_left
{
    float: left;  
}
.fl_right
{
    float: right;
}
.cursor
{
    cursor: pointer;
}
.display
{
    display: none;
}
.left
{
    float: left;
    width: 49%;
    margin-right: 5px;
}
    .label_header_position
    {
        margin-top: 10px;
    }
.right
{
    float: left;
    width: 49%;
    margin-left: 5px;
}
.top
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.bottom
{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.labeling_position
{
    float: left;
    margin-left: 50px;
    margin-top: 10px;
}
.label_position
{
    width: 100%;
    margin-left: 20px;
    margin-top: 10px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/* Login */
.loginBox
{
    width: 320px;
    margin: 0px auto;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 0px #d3bed4;
    -webkit-box-shadow: 0px 0px 1px 0px #d3bed4;
    margin-top: 40px;
    /*background-color: whiteSmoke;*/
}
.loginButton
{
    padding: 3px 15px 3px 15px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #d9c5da;
    background: #fff;
    cursor: pointer;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
    .loginButton:hover{
        background: #f9f9f9;
    }
.loginField
{
    #background: #e2d5e3;
    background: #fff;
    border: 1px solid #d3bed4;
    outline: none;
    width: 230px;
    padding: 7px 4px 4px;
    line-height: 12px;
    font-size: 12px;
    color: #2A2F31;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    margin: 0 0 0.5em;
}
/*----------------------------------------------------------*/    
/* Login Notification*/

.notification-position
    {
        float:left;
        font-family:Arial;
        font-size:12px;
        color:#706851;
        margin-top:12px;
    }
    .img-notification-position
    {
        float:left;
        font-family:Arial;
        font-size:12px;
        color:#706851;
        margin-top:10px;
        
    }.exclamation
    {
        background-color:#fdfbcb;
        border:1px solid #e5db55;
        border-radius:5px;
        height:40px;
    }
    .warning
    {
        background-color:#d9e5ff;
        border:1px solid #a3b3ee;
        border-radius:5px;
        height:40px;
    }
    .correct
    {
        background-color:#d5ffcf;
        border:1px solid #9adf8f;
        border-radius:5px;
        height:40px;
    }
    
    .wrong
    {
        
        background-color:#ffcdce;
        border:1px solid #df8f90;
        border-radius:5px;
        height:40px;
    }
.notification_wrapper
{
    margin:0px auto;width:350px;height:50px;
}
.notification_wrapper1
{
    width:350px;height:50px;
}
/*----------------------------------------------------------*/  
/* For User Page */
.body_wrapper
{
    float: left;
    width: 100%;
    border: 1px solid #d3bed4;
    border-top: none;
    border-bottom: none;
    /*background-color: #fff;*/
    /*
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*
    background: url();
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}
    .header
    {
        float: left;
        height: 30px;
        width: 100%;
        /*background-color: #d8d8d5;*/
        background: #eeeeee; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url();
        background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
        border-bottom: 1px solid #d3bed4;
    }
        .header .left div
        {
            margin-top: 7px;
            font-size: 12px;
            margin-left: 10px;
        }
        .header .right div
        {
            margin-top: 7px;
            font-size: 12px;
            margin-right: 10px;
        }
    .logo
    {
        float: left;
        height: 130px;
        width: 100%;
        border-bottom: 1px solid #d3bed4;
    }
        .logo .left div
        {
            margin-top: 7px;
            font-size: 12px;
            margin-left: 10px;
        }
        .logo .right div
        {
            margin-right: 10px;
            margin-top: 50px;
        }
    .menu
    {
        float: left;
        height: 40px;
        width: 100%;
        background-color: #ed1a90;
        border-bottom: 1px solid #d3bed4;
        
        /*background-color: #d8d8d5;*/
        /*
        background: #eeeeee; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url();
        /*background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        /*background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
        /*background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    }
        /* Menu bar */
        .navigation
        {
            width:960px;
            height:41px;
            float:left;
            background-repeat:repeat;
        }
            .menuBar{
                    font-size:11px;
                    width: 768px;
                    float:left;
                    text-transform:uppercase;
            }
            
            .menuBar ul{
                    z-index:100;
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
            }
            
            /*Top level list items*/
            .menuBar ul li{
                    position: relative;
                    display: inline;
                    float: left;
            }
            
            /*Top level menu link items style*/
            .menuBar ul li a
            {
                    display: block;
                    color: white;
                    padding: 13px 17px 0px 15px;
                    height:28px;
                    background-image:url(/images/themes/navi_sep.png);
                    background-repeat:no-repeat;
                    background-position:right;
                    color: #2d2b2b;
                    text-decoration: none;
            }
            
            /*IE6 hack to get sub menu links to behave correctly*/
            * html .menuBar ul li a
            { 
                    display: inline-block;
            }
            
            .menuBar ul li a:link, .menuBar ul li a:visited
            {
                color: #fff;
            }
            
            .menuBar ul li a:hover
            {
            /*background-color:#d3bed4;*/
                #background-color: whiteSmoke;
                color: #000;
            }
                .menuActive{
                    #background-color: whiteSmoke;
                    background-color: #f477c1;
                    color: #000;
                }
            .clear
            {
                clear: both
            }
    .body_content
    {
        float: left;
        min-height: 700px;
        width: 100%;
        border-bottom: 1px solid #d3bed4;
        background-color: #fff;
    }
        .body_content .position
        {
            float: left;
            width: 99%;
            padding: 5px;
        }
    .content
    {
        float: left; width: 100%; margin-top: 20px;
    }
    
        
/*----------------------------------------------------------*/  
/* User Information */
    .addUser_box
    {
    float: left; border: 1px solid #ccc; width: 500px; height: 300px; margin-top: 20px; padding: 10px;
    }
/*----------------------------------------------------------*/  
/* Update Record */  
.update_record_header
{
    margin-left: 30px; margin-bottom: 10px;
}
.update_record_content
{
    margin-left: 50px; margin-bottom: 10px;
}    
/*----------------------------------------------------------*/  
/* Product Redemption */
    .product_thumb
    {
        float: left; border: 1px solid #d3bed4; width: 180px;
        margin-left: 5px;
    }
        .product_thumb section
        {
            float: left;
            border-bottom: 1px solid #d3bed4;
            margin-bottom: 5px;
        }
    .footer
    {
        float: left;
        height: 100px;
        width: 100%;
        /*background-color: #d8d8d5;*/
        background: #eeeeee; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url();
        background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
        border-bottom: 1px solid #d3bed4;
    }
        .footer div
        {
            margin-top: 20px;
            font-size: 12px;
        }
        
        
/*----------------------------------------------------------*/       
table.table_accomodation {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table_accomodation {
    border: solid #ccc 1px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    /* -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;    */     
    font-size:12px;
    font-family:arial,tahoma, helvetica,
}

.table_accomodation tbody tr {
    background-color: #FFF;
    
}
.table_accomodation tbody tr:hover {
    background-color: #F0F0F0;
    color: #FFF;
}
.table_accomodation tr:hover {
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}

.table_accomodation td, .table_accomodation th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    text-align: left;
    font-size:12px;
    font-family:arial,tahoma, helvetica, sans-serif;
}
/*
table tr:nth-child(odd) td{
    
    background: #fff;
}
table tr:nth-child(even) td{
    background: #f3f3f3;
}
*/
.table_accomodation th {
    background-color: #FAFAFA;
    background-image: -moz-linear-gradient(top, white, #F2F2F2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
    background-image: -webkit-linear-gradient(top, white, #F2F2F2);
    background-image: -o-linear-gradient(top, white, #F2F2F2);
    background-image: linear-gradient(to bottom, white, #F2F2F2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    font-size:12px;
    font-family:arial,tahoma, helvetica, sans-serif;
    text-align:center;cursor: pointer;
    padding:5px;
    
}
.table_accomodation td
{
    color:gray;
    text-indent: 15px;
}
.table_accomodation .actions
{
    text-align: center;
}
.table_accomodation td:first-child, .table_accomodation th:first-child {
    border-left: none;
}



.table_accomodation th:first-child {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
.table_accomodation th:last-child {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.table_accomodation th:only-child{
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.table_accomodation tr:last-child td:first-child {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.table_accomodation tr:last-child td:last-child {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.table_accomodation thead tr .headerSortUp {
	background: url(../images/themes/table-records-sorting/asc.gif) no-repeat left;
}
.table_accomodation thead tr .headerSortDown {
	background: url(../images/themes/table-records-sorting/desc.gif) no-repeat left;
}
/*
.table_accomodation thead tr .header: {
	background: url(../images/themes/table-records-sorting/bg.gif) no-repeat left;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}*/
          
            #loading{
                width: 100%;
                position: absolute;
                top: 100px;
                left: 100px;
		margin-top:200px;
            }
            .pagination ul li.inactive,
            .pagination ul li.inactive:hover{
                background-color:#ededed;
                color:#bababa;
                border:1px solid #bababa;
                cursor: default;
            }
            .data ul li{
                list-style: none;
                font-family: verdana;
                margin: 5px 0 5px 0;
                color: #000;
                font-size: 13px;
            }

            .pagination{
                width: 800px;
                height: 25px;
                margin-top: 10px;
            }
           .pagination ul li{
                list-style: none;
                float: left;
                border: solid #ccc 1px;
                -moz-border-radius: 0px 0px 0px 0px;
                -webkit-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
                padding: 2px 6px 2px 6px;
                margin: 0 3px 0 3px;
                font-family: arial;
                font-size: 14px;
                color:gray;
                font-weight: bold;
                background-color: #FAFAFA;
                background-image: -moz-linear-gradient(top, white, #F2F2F2);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
                background-image: -webkit-linear-gradient(top, white, #F2F2F2);
                background-image: -o-linear-gradient(top, white, #F2F2F2);
                background-image: linear-gradient(to bottom, white, #F2F2F2);
                background-repeat: repeat-x;
                border: 1px solid #D4D4D4;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
                -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
                -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
                border-radius:5px;
            }
            .pagination ul li:hover{
                color: #fff;
                background-color: #808080;
                cursor: pointer;
            }
            .go_button
            {
            background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
            }
            .total
            {
            float:right;font-family:arial;color:#999;
            }
            .editbox
            {
            display:none;
            
            }
            
            .editbox
            {
            padding:4px;
            
            }
            .tooltip{
                font-family: EurostileLTStd BoldOBlique, sans-serif;
                background:url(../images/icon/tool_bg.png);
                background-color: #FFF;
                background-repeat: repeat-x;
                -webkit-border-radius: 3px;
                border-radius: 5px ;
                height: 35px;
                padding: 5px;
                color: #797979;
                font-weight: bold;
                text-align: center;
                margin-bottom: 5px;
                width: 100px;
                /* outline radius for mozilla/firefox only */
                box-shadow:0 0 10px #000;
                -moz-box-shadow:0 0 10px #000;
                -webkit-box-shadow:0 0 10px #000;
            }
.morebox
{
font-weight:bold;
color:#333333;
text-align:center;
border:solid 1px #ccc;
padding:8px;
margin-top:8px;
margin-bottom:8px;
-moz-border-radius: 6px;-webkit-border-radius: 6px;
}
.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#333333; text-decoration:none}
/* For Preview of upload */
.preview
{
width:200px;
height: 200px;
border:solid 1px #dedede;
}
#preview
{
color:#cc0000;
font-size:12px
}